<template>
    <div>
        <el-container>
            <el-header class="manager-main">
                <span class="manager-logo">
                    码市管理界面
                </span>
            </el-header>
            <el-container>
                <el-aside width="200px" style="margin-top: 20px">
                    <el-menu
                    default-active="2"
                    class="el-menu-vertical-demo"
                    @open="handleOpen"
                    @close="handleClose"
                    router="true">
                    <el-submenu index="1">
                        <el-menu-item-group title="数据总览">
                            <el-menu-item index="/manager/datas">数据大屏</el-menu-item>
                        </el-menu-item-group>
                        <el-menu-item-group title="列表总览">
                            <el-menu-item index="/manager/userList">用户列表</el-menu-item>
                            <el-menu-item index="/manager/requirement">需求列表</el-menu-item>
                            <el-menu-item index="/manager/teamList">团队列表</el-menu-item>
                            <el-menu-item index="/manager/person">人才列表</el-menu-item>
                        </el-menu-item-group>
                        <el-menu-item-group title="管理总览">
                            <el-menu-item index="/manager/roleManager">后端URL管理</el-menu-item>
                            <el-menu-item index="/manager/userRole">用户权限管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    </el-menu>
                </el-aside>
                <el-main><router-view></router-view></el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
body{
    background-color: #f6f6f6;
}    
</style>

<style scoped lang="scss">
.manager-main{
    background-color: #ffffff;
    padding-top: 15px;
    .manager-logo{
        font-weight: 600;
        color: rgb(45, 64, 174);
        font-size: 20px;
        padding-left: 20px;
    }
}
</style>